<template>
  <svg :style="{ width, height }">
    <use :xlink:href="prefix + name" :fill="color"></use>
  </svg>
</template>

<script lang="ts" setup>
// props
const props = withDefaults(
  defineProps<{ prefix?: string; name: string; width?: string; height?: string; color?: string }>(),
  {
    prefix: () => '#icon-',
    name: () => '',
    width: () => '16px',
    height: () => '16px',
    color: () => ''
  }
)
</script>

<style lang="scss" scoped></style>
